<?php
session_start();

//viene a modificar?
if (isset($_GET['i'])) {
  require_once('php/class/articulos.class.php');
  $oArticulo = new articulo();
  $id_articulo = $_GET['i'];
  $el_Articulo = $oArticulo->search_todo($id_articulo);

  if ($el_Articulo == 0) {
    $response = array("RESULT" => "1", "ERROR" => "Ha ocurrido un error, lo sentimos");
    echo json_encode($response);
    exit();
  }

  $foto = "images/fotos/" . $id_articulo . ".jpg";

  if (!file_exists($foto)) {
    $foto = "images/fotos/default.jpg";
  }

  //CANTIDAD DISPONIBLE
  if ($el_Articulo['CANTIDAD_DISPONIBLE'][0] == 0 && $el_Articulo['ID_TIPO_STOCK'][0] == 0) { // es sin pedido (maneja stock)
    $comprar = 'onclick="nohay();"';
//    $comprar_y_ya = 'disabled';
  } else {
    $comprar = "onclick='comprar(" . $id_articulo . ");'";
//    $comprar_y_ya = "onclick='comprar_y_ya(" . $id_articulo . ");'";
  }

  //CAJITA DE AGREGAR Y COMPRAR
  $cajita = "<table class='cajita'><tr>";
  $cajita .= "<td><a href='#' onclick='restar(" . $id_articulo . ");'><img border='0' src='images/menu/subtrac.png' style='cursor: pointer'></a></td>";
  $cajita .= "<td bgcolor='#ffffff' align='center' width='25px'><input type='hidden' id='cantidad_" . $id_articulo . "' name='cantidad_" . $id_articulo . "' value='1'><font color='#000'><div class='cmc' id='cmc_" . $id_articulo . "'>1</div></font></td>";
  $cajita .= "<td><a href='#' onclick='agregar(" . $id_articulo . ");'><img border='0' src='images/menu/add.png' style='cursor: pointer'></a></td>";
  $cajita .= "</tr></table>";

  //PARSEA EL TITULO
  $titulo = parsero($el_Articulo['NOMBRE'][0]);
 
    $la_imagen = "<div id='fot'><img src='" . $foto . "' width='250px' height='250px'></div>";
  

  // DESCUENTO
  if ($el_Articulo['DESCUENTO'][0]) {
    $imagen_descuento = "<div class='offlist_pop off" . $el_Articulo['DESCUENTO'][0] . "_pop'></div>";
    $imagen_articulo = "<div class='foto_art_pop'>" . $la_imagen . "</div>";
  } else {
    $imagen_descuento = "";
    $imagen_articulo = $la_imagen;
  }

  // DESTACADO
  if ($el_Articulo['DESTACADO'][0]) {
    $imagen_destacado = "<div class='endestacado_pop_promo'></div>";
  } else {
    $imagen_destacado = "";
  }

// OPORTUNIDAD
  if ($el_Articulo['PROMOCION'][0]) {
    $imagen_oportunidad = "<div class='enoportunidad_pop_promo'></div>";
  } else {
    $imagen_oportunidad = "";
  }


  $desc_articulo = nl2br($el_Articulo['DESCRIPCION'][0]);
  $precio_lista = $el_Articulo['PRECIO_LISTA'][0];
  $boton_comprar = "<a href=# " . $comprar . "'><img src='images/menu/bolsa.png' border=0></a>";

  //PRECIO  
  list($precio_entero, $precio_decimal) = explode(".", number_format($el_Articulo['PRECIO_PUBLICO'][0], 2));
} else {
  echo "<script>document.location='index.php'</script>";
}
?>
<html>
  <?php include('include.header.html'); ?>
  <body>
    <form id="frm_bp_pop" name="frm_bp_pop">
      <input type="hidden" name="id_articulo" id="id_articulo" />
      <div id="DATO_HIDE" style="display:none" style="width:90%">
        <div id="DATO" class="mensajes">espere por favor...</div>
      </div>
      <div style="overflow:hidden;">
        <table border=0 id='desc_articulo' class='caja_pop' cellspacing=4>
          <tr>
            <td rowspan='6' class='caja_imagen_pop'>
              <div class='img_cont_pop'>
                <div id="imgdes"><?php print $imagen_descuento; ?></div>
                <?php print $imagen_articulo; ?>
                <div id="fot_opo"><?php print $imagen_oportunidad; ?></div>
                <div id="fot_des"><?php print $imagen_destacado; ?></div>
              </div>
            </td>
            <td colspan='3' class='titular_pop'>
              <span class='gran_titular_pop' id='gtp'>
                <?php print $titulo[0]; ?>  
              </span>
            </td>
          </tr>
          <tr>
            <td colspan='3' class='titular2_pop'>
              <span id='t2'>
                <?php print $titulo[1]; ?>  
              </span>
            </td>
          </tr>
          <tr>
            <td colspan='3'>
              <div class='descri_pop' id="descri">
                <p><?php print $desc_articulo; ?></p>
              </div>
            </td>
          </tr>
          <tr>
            <td colspan='3' class='vermas'>

            </td>
          </tr>
          <tr>
            <td class='tachado_pop'>
          <strike id="tacha">$ <?php print number_format($precio_lista, 2); ?></strike>
          </td>
          <td rowspan=2 align='right' valign='middle' id="cajita">
            <?php print $cajita; ?>
          </td>
          <td rowspan=2 align='center' valign='middle' id="boton"><?php print $boton_comprar; ?>
          </td>
          </tr>
          <tr>
            <td class='caja_precio_pop' id="precio">
              <span class='chico_pop'>$</span><span class='precio'> <?php print $precio_entero; ?></span><span class='decimales'>.<?php print $precio_decimal; ?></span>
            </td>
          </tr>
        </table>
        <?php echo $caja; ?>
      </div>
    </form>
    <script type="text/javaScript" src="javascript/mootools-core-1.4.5.js"></script>
    <script type="text/javaScript" src="javascript/SqueezeBox.js"></script>
    <script type="text/javaScript" src="javascript/slideGallery.js"></script>
    <script>
      var anterior = "0";
      function focuser(who){
        document.getElementsByName("f"+who)[0].focus();
      }
      function articulos(vare){
        var old = anterior;
         anterior = vare;
      
        $('img_c'+vare).setAttribute("class", "selecto_carr");
        $('img_c'+old).setAttribute("class", "img_carrusel"); 
         
        $('id_articulo').value=vare;
        window.addEvent('domready', function() {      	       
          var req = new Request.JSON({
            method: 'POST',
            url: 'ajax/ajax_listar_articulo.php', 
            data: $('frm_bp_pop'),                
            noCache:true,                     
            onRequest: function(){
					
            },
            onComplete: function(){
            
              setTimeout(function(){
                $('DATO_HIDE').fade('out').get('tween').chain(function() {
                  $('DATO_HIDE').hide();
                  $('DATO_HIDE').fade('in');                                                         
                });
              },2000);                                                                                                                                                                                                              
            },            
            onSuccess: function(response){
              switch(parseInt(response.RESULT)){
                case 0:
                  $('gtp').innerHTML = response.GRANTITULO;
                  $('t2').innerHTML = response.TITULO;
                  $('descri').innerHTML = response.DESCRI;
                  $('tacha').innerHTML = response.TACHA;
                  $('cajita').innerHTML = response.CAJITA;
                  $('boton').innerHTML = response.BOTON;
                  $('precio').innerHTML = response.PRECIO;
                  $('imgdes').innerHTML = response.IMGDES;
                  $('fot').innerHTML = response.IMG;
                  $('fot_opo').innerHTML = response.IMG_OPO;
                  $('fot_des').innerHTML = response.IMG_DES;
                  break;
                case 1:
                  $('DATO_HIDE').show();
                  $('DATO').innerHTML = response.ERROR;
                  break;
                case 2:
                  $('gtp').innerHTML = response.GRANTITULO;
                  $('t2').innerHTML = response.TITULO;
                  $('descri').innerHTML = response.DESCRI;
                  $('tacha').innerHTML = response.TACHA;
                  $('cajita').innerHTML = response.CAJITA;
                  $('boton').innerHTML = response.BOTON;
                  $('precio').innerHTML = response.PRECIO;
                  $('imgdes').innerHTML = response.IMGDES;
                  $('fot').innerHTML = response.IMG;
                  $('fot_opo').innerHTML = response.IMG_OPO;
                  $('fot_des').innerHTML = response.IMG_DES;
                  $('DATO_HIDE').show();
                  $('DATO').innerHTML = response.MSG;
                  break;
              }
              //              focuser(response.FOCUSID);
            }
          }).post();        
        });
      }   
      function agregar(id_articulo){
        var numero = parseInt($('cantidad_'+id_articulo).value);
        if(numero < 10){
          $('cantidad_'+id_articulo).value = numero + 1; 
        } 
        $('cmc_'+id_articulo).innerHTML = $('cantidad_'+id_articulo).value;
      }
      function restar(id_articulo){
        var numero = parseInt($('cantidad_'+id_articulo).value);
        if(numero > 1){
          $('cantidad_'+id_articulo).value = numero - 1; 
        }
        $('cmc_'+id_articulo).innerHTML = $('cantidad_'+id_articulo).value;
      }
      function comprar(id_articulo){
	
	
        if(isNaN($('cantidad_'+id_articulo).value)){
          $('DATO_HIDE').show();
          $('DATO').innerHTML = 'Debe ingresar una cantidad valida';
          setTimeout(function(){
            $('DATO_HIDE').fade('out').get('tween').chain(function() {
              $('DATO_HIDE').hide();
              $('DATO_HIDE').fade('in');                                                         
            });
          },2000);		
        }else{
          $('id_articulo').value = id_articulo;
          Ejecutor();	
        }
    
      }
      function Ejecutor(){        
        window.addEvent('domready', function() {      	       
          var req = new Request.JSON({
            method: 'POST',
            url: 'ajax/ajax_comprar_articulo.php', 
            data: $('frm_bp_pop'),                
            noCache:true,                     
            onRequest: function(){
              $('DATO_HIDE').show();
              //              $('DATO').innerHTML = 'Procesando ...'; 
            },
            onComplete: function(response){
              if(parseInt(response.RESULT)==1){
                setTimeout(function(){
                  $('DATO_HIDE').fade('out').get('tween').chain(function() {
                    $('DATO_HIDE').hide();
                    $('DATO_HIDE').fade('in');                                                         
                  });
                },2000);    
              }                                                                                                                                                                                                           
            },              
            onSuccess: function(response){
              switch(parseInt(response.RESULT)){
                case 0:
                  $('DATO').innerHTML = "El artículo fue agregado a su bolsa.<br><br>EXITOSAMENTE!!!<br><br><a onclick='carrito();' style='cursor: pointer'>Ir a la Bolsa</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onclick='cierra();' style='cursor: pointer'>Continuar Navegando</a>";
                  //                  //SE DEBE CERRAR Y REFREZCAR LA OTRA
                  //                  cierra();
                  break;
                case 1:
                  $('DATO').innerHTML = response.ERROR;
                  break;
              }
            }
          }).post();        
        });
      }
      function cierra(){
        top.location.reload();
      }
      
      function carrito(){
        top.location= 'carrito_clientes.php';
      }
      
      function cerrar() {
        SqueezeBox.close(this);
      }
      function nohay(){
        $('DATO_HIDE').show();
        $('DATO').innerHTML = 'Artículo sin stock en estos momentos';
        setTimeout(function(){
          $('DATO_HIDE').fade('out').get('tween').chain(function() {
            $('DATO_HIDE').hide();
            $('DATO_HIDE').fade('in');                                                         
          });
        },2000);
      }
      
      ////////////////// Galery
      window.addEvent("domready", function() {
			
        /* Example 2 */
        var gallery2 = new slideGallery($$(".gallery2"), {
          steps: 1,
          mode: "callback",
          random: false,
          autoplayOpposite: false,
          stop: ".stop",
          start: ".start",
          duration: 4000,
          speed: 700
        });
			
      });
	
      
    </script>
  </body>
</html>